.num-info {
	min-height: 5rem;
	&:hover {
		.text, .value {
			color: var(--color-primary) !important;
		}
		.icon {
			background-image: url('./images/all.svg');
			background-position: 100% 0;
			background-repeat: no-repeat;
			&.icon_vul {
				background-position: -152px 0px;
			}
			&.icon_securityEvent {
				background-position: -230px 0px;
			}
			&.icon_content {
				background-position: 0px 0px;
			}
			&.icon_availability {
				background-position: -76px 0px;
			}
			&.icon_changeCheck {
				background-position: -76px 0px;
			}
		}
	}

	.df {
		display: flex;
	}
	.jcc {
		justify-content: center;
	}
	.aic {
		align-items: center;
	}
	.mb10 {
		margin-bottom: 10px;
	}
	.icon {
		display: inline-block;
		width: 35px;
		height: 35px;
		background-image: url('./images/all.svg');
		background-position: 100% 0;
		background-repeat: no-repeat;
		margin-right: 8px;
		&.icon_vul {
			background-position: -152px -54px;
		}
		&.icon_securityEvent {
			background-position: -76px -54px;
		}
		&.icon_content {
			background-position: 0px -54px;
		}
		&.icon_availability {
			background-position: -230px -54px;
		}
		&.icon_changeCheck {
			background-position: -230px -54px;
		}
	}
	.example-value {
		font-size: var(--text-xxxl);
		color: #ccc;
	}

	.value {
		font-size: var(--text-xxxl);
		color: var(--color-text-0);
	}
	.num {
		position: relative;
		text-align: center;
		.example {
			position: absolute;
			right: 0;
			top: 0;
		}
		.example-text {
			color: #ccc;
		}
		.text {
			color: var(--color-text-1);
		}
		.total {
			font-size: var(--text-xl);
		}
	}

	.label {
		/* font-size: var(--text-xs); */
		color: var(--color-text-0);
		display: flex;
		align-items: center;
		justify-content: center;
		svg rect {
			fill: red;
		}
	}
}
.pr {
	position: relative;
}
.example {
	position: absolute;
	right: 0;
	top: 0;
}
.example-text {
	color: #ccc;
}
